              
   <!-- BEGIN PAGE HEADER-->
   <div class="row">
      <div class="col-md-12">
         <!-- BEGIN PAGE TITLE & BREADCRUMB-->
         <h3 class="page-title">
            Área de Trabalho <small>Bem vindo!</small>
         </h3>
         <ul class="page-breadcrumb breadcrumb">
            <li>
               <i class="icon-home"></i>
               <a href="index.html">Área de Trabalho</a> 
               <i class="icon-angle-right"></i>
            </li>
            <li>
               <a href="#">Menu</a>
            </li>
         </ul>
         <!-- END PAGE TITLE & BREADCRUMB-->
      </div>
   </div>
   <!-- END PAGE HEADER-->
   <!-- BEGIN PAGE CONTENT-->
   <div class="row">
            <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
               <div class="dashboard-stat blue">
                  <div class="visual">
                     <i class="icon-user"></i>
                  </div>
                  <div class="details">
                     <div class="number">
                        Membros
                     </div>
                     <div class="desc">                           
                        Cadastro
                     </div>
                  </div>
                  <a class="more" href="#">
                   Mais<i class="m-icon-swapright m-icon-white"></i>
                  </a>                 
               </div>
            </div>
            <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
               <div class="dashboard-stat green">
                  <div class="visual">
                     <i class="icon-shopping-cart"></i>
                  </div>
                  <div class="details">
                     <div class="number">Benefícios</div>
                     <div class="desc">Cadastro</div>
                  </div>
                  <a class="more" href="#">
                  Mais<i class="m-icon-swapright m-icon-white"></i>
                  </a>                 
               </div>
            </div>
            <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
               <div class="dashboard-stat yellow">
                  <div class="visual">
                     <i class="icon-bar-chart"></i>
                  </div>
                  <div class="details">
                     <div class="number">Relatórios</div>
                     <div class="desc">Impressão</div>
                  </div>
                  <a class="more" href="#">
                  Mais<i class="m-icon-swapright m-icon-white"></i>
                  </a>                 
               </div>
            </div>
            <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
               <div class="dashboard-stat red">
                  <div class="visual">
                     <i class="icon-cogs"></i>
                  </div>
                  <div class="details">
                     <div class="number">Sistema</div>
                     <div class="desc">Configurações</div>
                  </div>
                  <a class="more" href="#">
                  Mais<i class="m-icon-swapright m-icon-white"></i>
                  </a>                 
               </div>
            </div>
         </div>
   <div class="row">
        <div class="col-md-12">
            <!-- BEGIN PAGE TITLE & BREADCRUMB-->
            <h3 class="page-title">
               Membros <small>Pré-Cadastro</small>
            </h3>
            
            <!-- BEGIN BORDERED TABLE PORTLET-->
            <div class="portlet box blue">
               <div class="portlet-title">
                  <div class="caption"><i class="icon-user"></i>Pre-Cadastros</div>
                  <div class="tools">
                     <a href="javascript:;" class="collapse"></a>
                     <a href="#portlet-config" data-toggle="modal" class="config"></a>
                     <a href="javascript:;" class="reload"></a>
                     <a href="javascript:;" class="remove"></a>
                  </div>
               </div>
               <div class="portlet-body">
                  <div class="table-responsive">
                     <table class="table table-bordered table-hover">
                        <thead>
                           <tr>
                              <th>#</th>
                              <th>First Name</th>
                              <th>Last Name</th>
                              <th>Username</th>
                              <th>Status</th>
                           </tr>
                        </thead>
                        <tbody>
                           <tr>
                              <td>1</td>
                              <td>Mark</td>
                              <td>Otto</td>
                              <td>makr124</td>
                              <td><span class="label label-sm label-success">Aprovado</span></td>
                           </tr>
                           <tr>
                               <td>2</td>
                              <td>Jacob</td>
                              <td>Nilson</td>
                              <td>jac123</td>
                              <td><span class="label label-sm label-info">Pendente</span></td>
                           </tr>
                           <tr>
                              <td>3</td>
                              <td>Larry</td>
                              <td>Cooper</td>
                              <td>lar</td>
                              <td><span class="label label-sm label-warning">Suspenso</span></td>
                           </tr>
                           <tr>
                              <td>4</td>
                              <td>Sandy</td>
                              <td>Lim</td>
                              <td>sanlim</td>
                              <td><span class="label label-sm label-danger">Negado</span></td>
                           </tr>
                        </tbody>
                     </table>
                  </div>
               </div>
            </div>
            <!-- END BORDERED TABLE PORTLET-->

        </div>
   </div>
   <!-- END PAGE CONTENT-->
